<template>
  <div class="fixedBtns">
    <n-float-button type="primary" menu-trigger="click">
      <n-icon>
        <CashOutline />
      </n-icon>
      <template #menu>
        <n-float-button
          shape="square"
          type="default"
          v-for="(item, index) in 5"
          :key="index"
          @click="$mitt.emit('scrollToNextSection', index)"
        >
          <n-icon>
            <CashOutline />
          </n-icon>
        </n-float-button>
      </template>
    </n-float-button>
  </div>
</template>

<script setup lang="ts">
import { CashOutline } from "@vicons/ionicons5";

const { $mitt } = useNuxtApp();
</script>

<style lang="less">
.fixedBtns {
  position: fixed;
  left: 5%;
  bottom: 40%;
}
</style>
